.the-footer{
  background-image: url(../../../assets/images/home/底部背景.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 200px;
  background-color: #F0F3F7;
  padding: var(--padding);
  padding-top: 32px;
  .friend-link{
    margin-left: 24px;
    .link{
      margin-bottom: 12px;
    }
  }

  .about{
    margin-right: 24px;
    .qr-code{
      display: flex;
      flex-direction: column;
      align-items: center;
      img{
        width: 108px;height: 108px;
      }
    }

  }
}